<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/hpp_c1_c2.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<%@ include file="/common/meta.jsp" %>
<title>VTC - Holistic Programme Planning - HPP</title>
<%@ include file="/common/css_js.jsp"%>

<script type="text/javascript">
	
	var validator;

	$(document).ready(function() {
		validator=$("#mainForm").validate({
			
			rules:{
				"internalValidation.remarks":{
					maxlength:50
				}
			}
		});
	});

	
	function clickBtn(action){
		switch(action){
		case "cancel":
			  CE.close();
			  return;
			  
		case "save":
			 if(validator.form()){
				  $("#mainForm").submit();
				  CE.close();			 
			 }
		}
		
	}
</script> 

</head>
<body>

<div class="bodyBlank">
  <div class="padding"> <!-- InstanceBeginEditable name="content" -->
    <div class="pageTitle">Internal VAlidation</div>
    <div class="form2">
    
	  <s:form id="mainForm" name="mainForm" namespace="/programme" 
	  		  action="programme-accreditation!saveInternal.action" validate="true" 
	  		  target="_parent">
	  		  
		<s:hidden name="programmeId"></s:hidden>
		<s:hidden name="code"></s:hidden>
		<s:hidden name="internalValidation.id"></s:hidden>
			    
      <table cellspacing="0" cellpadding="0" border="0">
        <tbody><tr>
          <td class="sep"><img style="width:180px;" src="../images/spacer.gif"></td>
          <td class="sep sep2"><img src="../images/spacer.gif"></td>
        </tr>
        <tr>
          <td><label class="fLabel">Validity Period of Expire Date</label>
            <div class="fField">
            
              <s:textfield cssClass="inputCalendar required" readonly="" maxlength="10" 
	                           name="internalValidation.validityPeriodOfExpire" id="validityPeriodOfExpire"></s:textfield>
	          <b style="font-weight: normal;" class="weekText">&nbsp;</b>
	              
            </div></td>
        </tr>
        <tr>
          <td><label class="fLabel">Remarks</label>
            <div class="fField">
              <s:textarea cssClass="required" cssStyle="width:500px; height:80px"
	                           name="internalValidation.remarks" id="remarks"></s:textarea>            
            </div></td>
        </tr>
      </tbody>
      </table>
      <div class="btnSet btnSetTypeB">
        <div class="left">
          <div class="button">
            <div class="left">
              <div class="right">
                <input type="button" onclick="clickBtn('save',event)" value="Save" name="" id="" class="inputButton">
              </div>
            </div>
          </div>
          <div class="button">
            <div class="left">
              <div class="right">
                <input type="button" onclick="clickBtn('cancel',event)" value="Cancel" name="" id="" class="inputButton">
              </div>
            </div>
          </div>
        </div>
      </div>
      
      </s:form>
    </div>
    <!-- InstanceEndEditable --> </div>
</div>

</body>
</html>   